<template>
	<view class="content">
		<view class="top-video-box">
			<!-- 视频文件 -->
			<video :src="data.video_link"></video>
		</view>
		<view class="bottom-plate-box">
			<text>{{data.title}}</text>
		</view>
		<view class="bottoms-plate-box">
			<!-- 富文本信息 -->
			<u-parse :html="data.content" :tag-style="style" :selectable="true"></u-parse>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				data:{},
				style:{}
			}
		},
		onLoad(options) {
			uni.showLoading({title:"加载中"});
			this.$u.api.shareDetailApi({id:options.id}).then(res=>{
				if(res.code==1){
					uni.hideLoading();
					this.data = res.data;
					console.log('详情数据:',res.data);
				}
			});
		},
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		width: 100%;
		height: 100vh;
		overflow: hidden;
		overflow-y: auto;
		font-family: Microsoft YaHei;
		box-sizing: border-box;
		.top-video-box{
			line-height: 0;
			video{width: 100%;height: 422rpx;object-fit: cover;}
		}
		.bottom-plate-box{padding: 40rpx 20rpx;font-size: 36rpx;font-weight: bold;color: #333;}
		.bottoms-plate-box{
			padding: 0 20rpx;font-size: 30rpx;font-weight: 400;color: #333;
		}
	}
</style>